<!DOCTYPE html>
<html>
<head>
    <title>搜禾拼团</title>
    <meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	
    <link href="{:_SKIN}/weixin/miao/css/style.css" rel="stylesheet" type="text/css"/>
    <link href="{:_SKIN}/weixin/miao/css/jquery.bxslider.css" rel="stylesheet" type="text/css">
	<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_400457_mqmlp1g1kh1qyqfr.css"/>
	<link rel="stylesheet" type="text/css" href="{:_SKIN}/weixin/miao/css/font-icon.css"/>
	<script type="text/javascript" src="{:_SKIN}/weixin/miao/js/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="{:_SKIN}/weixin/miao/js/jquery.bxslider.js"></script>
    <style type="text/css">
    body{max-width: 500px;}
   	.shop-0{height:54px;background:#e01121;line-height:54px;color:#FFF;text-align:center}
	.zuo{float:left}
	.you{float:right}
	.xw_90{width:90%;margin:0 auto}
	.neilian{display:inline}
    .ui-content{ padding:0px; margin:0px;}
	.bx-wrapper .bx-viewport{ box-shadow:none; border:none; background:none; left:0;}
	.bx-wrapper .bx-prev{background: url({:_SKIN}/weixin/miao/images/controls.png) no-repeat 0 -32px; left:0px;}
	.bx-wrapper .bx-next{background: url({:_SKIN}/weixin/miao/images/controls.png) no-repeat -43px -32px; right:0px;}
    #returnTop{position: fixed;bottom:60px;right:10px;width: 44px;height: 44px;background: url({:_SKIN}/weixin/miao/images/returntop.png) no-repeat;background-size:contain;}
    footer{position: fixed;bottom:0;height: 50px;width: 100%;border-top: 1px solid #eee;background:#fff;z-index: 1;}
    footer a{display:block;width:80%;margin:10px auto;border-radius:10px;font-size: 1.5em;text-align:center;color: #ff5000;}
    .right-1{height: 30px;line-height: 30px;border-bottom: 1px solid #f2f2f2;color: #333;padding-left: 5px;}
    .right-2{display: inline-block;width: 24%;height: 62px;text-align: center;margin: 0 10px;}
    .right-2-1{height: 30px;line-height: 30px;border: 1px solid #c90507;color: #C90507;border-radius: 4px 4px 0 0;}
    .right-2-2{height: 30px;line-height: 30px;color: #FFFFFF;background-color: #C90507;border-radius: 0 0 4px 4px;}
    .right-1-1{margin: 0 auto;width: 100%;padding: 10px 0;text-align: center;}
    .img-1-1-1{width: 43px;height: 43px;border-radius: 50%;padding: 0 10px 0 5px;display: inline-block;}
    .img-1{margin: 10px 0;width: 100%;line-height: 24px;}
    .img-1-1-2{display: inline-block;}
    .qu{display: inline-block;width: 60px;height: 30px;color: #FFFFFF;background-color: #C90507;text-align: center;line-height: 30px;border-radius: 4px;float: right;    margin: 10px 5px 10px 0;}
    .img-1-1{margin-bottom: 10px;display: inline-block;}
    </style>
	
</head>
<body>

<div data-role="page" id="mypage"> 
	<div class="shop-0">
			<div class="xw_90">
				<a href="javascript:history.go(-1)">
					<i class="iconfont icon-fanhui zuo bai font_20"></i>
				</a>
				<h3 class="neilian">搜禾拼团</h3>
				<a href="{:url('weixin/index/index')}">
					<i class="iconfont icon-shouye you bai font_20"></i>
				</a>
			</div>
		</div>
 	<div role="main" class="ui-content">
		<ul class="sliderlist">
            <li>
                <div class="miaosha_list">
                <div class="img">
                    <div>
                        <img src="{:config('cdn')}{$t.pic}">
                        <div class="dw"><img src="{:_SKIN}/weixin/miao/picture/pintuan.png"></div>
                    </div>
                    <!--<div>
                        <img src="picture/miaosha_img2.jpg">
                        <div class="dw"><img src="picture/miaosha_position.png"></div>
                    </div>
                    <div>
                        <img src="picture/miaosha_img3.jpg">
                        <div class="dw"><img src="picture/miaosha_position.png"></div>
                    </div>-->
                </div>
                <div class="textbox">
                    <div class="text ppp">
                        {$t.name}
                    </div>
                </div>
                <div class="money">
                    <div class="left">
                        <h2>￥{$t.s3*1.3}</h2>
                    </div>
                    <div class="right">
                        <p class="right-1">我要拼团</p>
                        <div class="right-1-1">
                        	<a href="{:url('pay/weixin/togetherorder')}?id={$t.id}&jg=s3" class="right-2">
                        		<div class="right-2-1">
                        			￥{$t.s3}
                        		</div>
                        		<div class="right-2-2">
                        			五人团
                        		</div>
                        	</a>
                        	<a href="{:url('pay/weixin/togetherorder')}?id={$t.id}&jg=s5" class="right-2">
                        		<div class="right-2-1">
                        			￥{$t.s5}
                        		</div>
                        		<div class="right-2-2">
                        			十人团
                        		</div>
                        	</a>
                        	<a href="{:url('pay/weixin/togetherorder')}?id={$t.id}&jg=s10" class="right-2">
                        		<div class="right-2-1">
                        			￥{$t.s10}
                        		</div>
                        		<div class="right-2-2">
                        			二十人团
                        		</div>
                        	</a>
                        	<div class="clear"></div>
                        </div>
                    </div>
                    <!-- <div class="right">
                        <p class="right-1">12人在拼团<span class="you" style="padding-right: 5px;font-size: 12px;color: #c4c4c4;">查看更多></span></p>
                        <div class="img-1">
                        	<a href="#" class="img-1-1">
                        		<div class="img-1-1-1">
                        			<img src="picture/710.png" width="100%"/>
                        		</div>
                        		<div class="img-1-1-2">
                        			<p>王尼玛</p>
                        			<p>还差一人，剩余12:00:00</p>
                        		</div>
                        		<a href="" class="qu">去拼团</a>
                        	</a>
                        	<a href="#" class="img-1-1">
                        		<div class="img-1-1-1">
                        			<img src="picture/710.png" width="100%"/>
                        		</div>
                        		<div class="img-1-1-2">
                        			<p>王尼玛</p>
                        			<p>还差一人，剩余12:00:00</p>
                        		</div>
                        		<a href="" class="qu">去拼团</a>
                        	</a>
                        	<div class="clear"></div>
                        </div>
                        
                    </div> -->
                </div>
               <div class="tab" style="padding: 0 15px;">
                    <p class="tab-hd" style="height: 40px;line-height: 40px;"><span class="on" style="background-color: #C90507;border-radius: 4px;border: 0;font-size: 14px;">图文详情</span></p>
                    <div class="tab-nr">
                       <div class="tab-innr show">
                          {$t.desc}
                       </div> 
                      
                    </div>
                </div>
            </div>
            </li>
        </ul>    
  	</div>
</div>
    <div id="returnTop"></div>
   
<script type="text/javascript">

$(document).ready(function () {
 $(".tab img").css('width','100%');
    // 返回顶部
    $('body').scrollTop(0);
    $("#returnTop").bind('click',function () {
            var speed=500;
            $('body,html').animate({ scrollTop: 0 }, speed);
            return false;
        });
    });
</script>

</body>
</html>
